<template>
  <div class="h-container">
    <h1>Button 组件示例</h1>
    <hr />
    <Demo :component="Button1Demo"></Demo>
    <hr />
    <Demo :component="Button2Demo"></Demo>
    <hr />
    <Demo :component="Button3Demo"></Demo>
    <hr />
    <Demo :component="Button4Demo"></Demo>
    <hr />
    <Demo :component="Button5Demo"></Demo>
  </div>
</template>

<script lang="ts">
import Demo from './Demo.vue'
import Button1Demo from './sourceCode/buttonSourceCode/Button1.demo.vue'
import Button2Demo from './sourceCode/buttonSourceCode/Button2.demo.vue'
import Button3Demo from './sourceCode/buttonSourceCode/Button3.demo.vue'
import Button4Demo from './sourceCode/buttonSourceCode/Button4.demo.vue'
import Button5Demo from './sourceCode/buttonSourceCode/Button5.demo.vue'

export default {
  setup() {
    return { Demo, Button1Demo, Button2Demo, Button3Demo, Button4Demo, Button5Demo }
  },
}
</script>
